<?php
$historial = parse_ini_file("historial.ini", true);
$medallero = parse_ini_file("medallero.ini", true);
?>

<!DOCTYPE html>
<html lang="es">
    <head>
        <title>C.R.A - Historia</title>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="css/index.css" />
        <link rel="shortcut icon" href="img/favicon.ico" />
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
        <script src="js/index.js"></script>
    </head>
    <body>
        <header>
            <h1>Copa Regional Argentina</h1>
            <p>Historial de la C.R.A.</p>
        </header>
        <section>
            <?php $numEdi = 1; ?>
            <?php foreach ($historial as $numero => $edicion): ?>

                <article id="<?php echo $numero; ?>">
                    <h2>Posiciones (<?php echo ucfirst($numero); ?> Edici&oacute;n)</h2>
                    <hr/>
                    <div style="text-align: center">
                        <img src="img/cra<?php echo $numEdi; ?>.jpg" width="200" height="200"/>
                    </div>
                    <div>
                        <div id="posSegundo">
                            <img src="img/medallaPlata.png" />
                            <label><?php echo $edicion[1]; ?></label>
                        </div>
                        <div id="posPrimero">
                            <img src="img/medallaOro.png" />
                            <label><?php echo $edicion[0]; ?></label>
                        </div>
                        <div  id="posTercero">
                            <img src="img/medallaBronce.png" />
                            <label><?php echo $edicion[2]; ?></label>
                        </div>
                        <div style="clear: both;"></div>
                    </div>           
                    <!-- RESTO -->
                    <?php foreach ($edicion as $key => $puesto): ?>

                        <?php if ($key >= 3) : ?>
                            <p style="font-size: 0.9em;">
                                <label><?php echo $key + 1 . ") " . $puesto; ?></label>
                            </p>
                        <?php endif; ?>
                    <?php endforeach; ?>
                </article>
                <?php $numEdi++; ?>
            <?php endforeach; ?>
            <article id="home" style="text-align: center">
                <h1>&Uacute;ltimo Campe&oacute;n</h1>
                <h2>Provincia del Chaco</h2>
                <img src="img/cra6.jpg"/>
            </article>
            <article id="medallero">
                <table border="1">
                    <tr>
                        <th>Pos.</th>
                        <th>Provincia</th>
                        <th>Total</th>
                        <th>Oro</th>
                        <th>Plata</th>
                        <th>Bronce</th>
                        <th>Cristal</th>
                        <th>Aluminio</th>
                        <th>Madera</th>
                    </tr>
                    <?php $pos = 1; ?>
                    <?php foreach ($medallero as $prov) : ?>
                        <tr>
                            <td><?php echo $pos; ?><?php $pos++; ?></td>
                            <td><?php echo $prov[0] ?></td>
                            <td><?php echo $prov[1] ?></td>
                            <td><?php echo $prov[2] ?></td>
                            <td><?php echo $prov[3] ?></td>
                            <td><?php echo $prov[4] ?></td>
                            <td><?php echo $prov[5] ?></td>
                            <td><?php echo $prov[6] ?></td>
                            <td><?php echo $prov[7] ?></td>
                        </tr>
                    <?php endforeach; ?>
                </table>
            </article>
        </section>
        <aside>
            <h3>Ediciones de la Copa</h3>
            <div edicion="primera">Primera</div>
            <div edicion="segunda">Segunda</div>
            <div edicion="tercera">Tercera</div>
            <div edicion="cuarta">Cuarta</div>
            <div edicion="quinta">Quinta</div>
            <div edicion="sexta">Sexta</div>
            <div edicion="medallero">Medallero</div>
            <div edicion="home" class="activo">HOME</div>
        </aside>
        <footer>
            <img src="img/cac.jpg" width="105" height="130" title="CAC" alt="CAC"/>
            <br/>
            - Comunidad Argentina de Clubes -
        </footer>
    </body>
</html>